<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Media Star</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />		
	<link rel="stylesheet" href="css/reset.html" type="text/css" media="all">
    <link rel="stylesheet" href="css/quick-sand.html" type="text/css" media="all">
    <link rel="stylesheet" href="css/prettyPhoto.html" type="text/css" media="all">
    <link rel="stylesheet" href="style.html" type="text/css" media="all" />
    <link rel="stylesheet" href="css/responsive.html" type="text/css" media="all">
    <!--[if IE 7]><link rel="stylesheet" href="css/ie7.css" type="text/css" media="all" /><![endif]-->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="all" />
	<![endif]-->
    <!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
    <script type="text/javascript" src="js/jquery-1.7.1.min.html"></script> 
    <script type="text/javascript" src="js/jquery.cslider.html"></script>   
    <script type="text/javascript" src="js/jquery.tweet.html"></script>
    <script type="text/javascript" src="js/jquery.isotope.min.html"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.html"></script>
    <script type="text/javascript" src="js/jquery.infinitescroll.min.html"></script>
    <script type="text/javascript" src="js/jquery.form.html"></script>
    <script type="text/javascript" src="js/jquery.validate.min.html"></script>
    <script type="text/javascript" src="js/jquery.vegas.html"></script>
    <script type="text/javascript" src="js/modernizr.custom.28468.html"></script>
    <script type="text/javascript" src="js/jflickrfeed.min.html"></script>
    <script type="text/javascript" src="js/jquery.flexslider.html"></script>
    <script type="text/javascript" src="js/custom.html"></script>
    

    <!-- Font
	================================================== -->
    <link href='http://fonts.googleapis.com/css?family=Coda' rel='stylesheet' type='text/css'>   

</head>
<body class="sub right-sidebar-page">
    <div class="wrapper clearfix">
        <div id="sidebar">
        	<div id="logo-image">
            	<a href="index.html"><img src="placeholders/logo.html" alt="" /></a>
            </div>
            <nav id="main-nav">
            	<ul id="main-menu">
                	<li class="menu-home menu-parent"><a href="index-v2.html"><span>Home</span></a></li>
                    <li class="menu-about menu-parent"><a href="about.html"><span>About</span></a></li>
                    <li class="current-menu-item menu-portfolio menu-parent"><a href="portfolio.html"><span>Portfolio</span></a></li>
                    <li class="menu-blog menu-parent">
                    	<a href="#"><span>Blog</span></a>
                        <ul>
                        	<li><a href="blog-v1.html">Blog example 1</a></li>
                            <li><a href="blog-v2.html">Blog example 2</a></li>
                            <li><a href="blog-v3.html">Blog example 3</a></li>
                            <li><a href="blog-v4.html">Blog example 4</a></li>
                        </ul>
                    </li>
                    <li class="menu-bg menu-parent">
                    	<a href="#"><span>Background</span></a>
                        <ul>
                        	<li><a href="bg-slide.html">Image slide</a></li>
                            <li><a href="bg-video.html">Video slide</a></li>
                        </ul>
                    </li>
                    <li class="menu-feature menu-parent">
                    	<a href="#"><span>Feature</span></a>
                        <ul>
                        	<li><a href="single.html">Single page</a></li>
                            <li><a href="right-sidebar.html">Right sidebar page</a></li>
							<li><a href="left-sidebar.html">Left sidebar page</a></li>
                            <li><a href="elements.html">Elements page</a></li>
                            <li><a href="fixed.html">Right sidebar fixed width</a></li>
                            <li><a href="elements-fixed-width.html">Elements fixed width</a></li>
                        </ul>
                    </li>
                    <li class="menu-purchase menu-parent"><a href="http://themeforest.net/item/mediastar-responsive-html5-portfolio-template/3805427"><span>Purchase</span></a></li>
<li class="menu-contact menu-parent"><a href="contact.html"><span>Contact</span></a></li>
                </ul><!--end:main-menu-->
            </nav><!--end:main-nav-->
            <aside class="twitter-widget">
            	<img src="images/icons/tweet-icon.html" alt="" />
                <div class='twitter_outer'>
                    <input type='hidden' class='tweet_id' value='envato'>
                    <input type='hidden' class='tweet_count' value='1'>
                    <div class='twitter_inner'></div>
                </div>
            </aside><!--end:widget-->
            <div id="bottom-sidebar">
            	<ul class="social-links clearfix">				
                    <li>
                        <a target="_blank" title="Facebook" href="#">
                            <img class="bottom" src="images/icons/socials/hover/facebook.html" alt="" />
  							<img class="top" src="images/icons/socials/default/facebook.html" alt="" />
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Twitter" href="#">
                            <img class="bottom" src="images/icons/socials/hover/twitter.html" alt="" />
  							<img class="top" src="images/icons/socials/default/twitter.html" alt="" />                        
                        </a>
                    </li>                    
                    <li>
                        <a target="_blank" title="Dribble" href="#">
                            <img class="bottom" src="images/icons/socials/hover/dribbble.html" alt="" />
  							<img class="top" src="images/icons/socials/default/dribbble.html" alt="" />                        
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Flickr" href="#">
                            <img class="bottom" src="images/icons/socials/hover/flickr.html" alt="" />
  							<img class="top" src="images/icons/socials/default/flickr.html" alt="" />                       
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Evanto" href="#">
                            <img class="bottom" src="images/icons/socials/hover/evanto.html" alt="" />
  							<img class="top" src="images/icons/socials/default/evanto.html" alt="" />                      
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="digg" href="#">
                            <img class="bottom" src="images/icons/socials/hover/digg.html" alt="" />
  							<img class="top" src="images/icons/socials/default/digg.html" alt="" />
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="skype" href="#">
                            <img class="bottom" src="images/icons/socials/hover/skype.html" alt="" />
  							<img class="top" src="images/icons/socials/default/skype.html" alt="" />                        
                        </a>
                    </li>                    
                    <li>
                        <a target="_blank" title="tumblr" href="#">
                            <img class="bottom" src="images/icons/socials/hover/tumblr.html" alt="" />
  							<img class="top" src="images/icons/socials/default/tumblr.html" alt="" />                        
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="vimeo" href="#">
                            <img class="bottom" src="images/icons/socials/hover/vimeo.html" alt="" />
  							<img class="top" src="images/icons/socials/default/vimeo.html" alt="" />                       
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="behance" href="#">
                            <img class="bottom" src="images/icons/socials/hover/behance.html" alt="" />
  							<img class="top" src="images/icons/socials/default/behance.html" alt="" />                      
                        </a>
                    </li>                    
                </ul><!--end:social-links-->
            </div><!--end:bottom-sidebar-->
            <p id="copyright">copyright 2013 © <a target="_blank" href="http://felixplus.com/">felixplus.com</a></p>
        </div><!--end:sidebar-->
        <div id="left-panel">&raquo;</div>
        <div id="main-content">
            <div id="mobile-logo-image">
            	<a href="index.html"><img src="placeholders/logo.html" alt="" /></a>
            </div><!--end:mobile-logo-image-->
			<div class="ff-container">
                <section id="options" class="clearfix">
                    <ul id="filter" class="option-set clearfix" data-option-key="filter">
                        <li><a href="#show-all" data-option-value="*" class="selected">2013</a></li>
                        <li><a href="#ill" data-option-value=".ill">Jan</a></li>
                        <li><a href="#photo" data-option-value=".photo">Feb</a></li>
                        <li><a href="#logo" data-option-value=".logo">Mar</a></li>
                        <li><a href="#icon" data-option-value=".icon">Apr</a></li>
                        <li><a href="#web" data-option-value=".web">May</a></li>
                        <li><a href="#video" data-option-value=".video">Jun</a></li>
                        <li><a href="#ill" data-option-value=".ill">Jul</a></li>
                        <li><a href="#photo" data-option-value=".photo">Aug</a></li>
                        <li><a href="#logo" data-option-value=".logo">Sep</a></li>
                        <li><a href="#icon" data-option-value=".icon">Oct</a></li>
                        <li><a href="#web" data-option-value=".web">Nov</a></li>
                        <li><a href="#video" data-option-value=".video">Dec</a></li>
                    </ul>
                    <div id="dd" class="wrapper-dropdown-5" tabindex="1">2013
						<ul class="dropdown option-set clearfix" data-option-key="filter">
							<li><a href="#show-all" data-option-value="*" class="selected">2013</a></li>
                            <li><a href="#ill" data-option-value=".ill">Jan</a></li>
                            <li><a href="#photo" data-option-value=".photo">Feb</a></li>
                            <li><a href="#logo" data-option-value=".logo">Mar</a></li>
                            <li><a href="#icon" data-option-value=".icon">Apr</a></li>
                            <li><a href="#web" data-option-value=".web">May</a></li>
                            <li><a href="#video" data-option-value=".video">Jun</a></li>
                            <li><a href="#ill" data-option-value=".ill">Jul</a></li>
                            <li><a href="#photo" data-option-value=".photo">Aug</a></li>
                            <li><a href="#logo" data-option-value=".logo">Sep</a></li>
                            <li><a href="#icon" data-option-value=".icon">Oct</a></li>
                            <li><a href="#web" data-option-value=".web">Nov</a></li>
                            <li><a href="#video" data-option-value=".video">Dec</a></li>
						</ul>
					</div><!--end:wrapper-dropdown-5-->
                </section>
                  
                <div id="container" class="super-list variable-sizes clearfix">   
                    <div class="element ill width5 clearfix">
                        <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-6.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>      
                    <div class="element photo width5 inner-transition">
                        <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-7.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>     
                    <div class="element logo inner-transition width5">
                    	<a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-8.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element icon inner-transition width5">
                    	<a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-9.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>    
                    <div class="element web transition width5">
                    	<a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-10.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>     
                    <div class="element video transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-11.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element ill transition width5">
                    	<a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-12.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>     
                    <div class="element photo transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-13.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element photo transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-13.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element photo transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-13.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element photo transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-13.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element photo transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-13.html" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div> 
                </div>
                <nav id="page_nav">
                	<a href="pages/blog-v2-2.html"></a>
                </nav>
            </div><!--end:ff-container-->
        </div><!--end:main-content-->
        <div class="clear"></div>
    </div><!--end:wrapper-->
</body>
</html>